window.onload = function() {
var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    
    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })  	


//导航样式	
$(".item").on("mouseover", function(){
$(this).addClass('active');
});
$(".item").on("mouseout", function(){
$(this).removeClass('active');
});

//点击显示隐藏
//$(".item").on("click", function(){
//$(".item>ul").css("display","block");
//});
var item = document.querySelectorAll('.item');
var ullis = document.querySelectorAll('.item>ul');


//ullis[2].classList.add('active');
//var item = $('.item');
//var ullis = $('.item>ul');

//for(var j = 0; j < item.length-2; j++) {
//item[j].onclick = function() {
//for(var k = 0; k < ullis.length; k++) {
//ullis[k].style.background="pink";
//}
//this.style.background="red";    
//}
//}
var index;
for(var j = 1; j < item.length; j++) {
item[j].index = j-1;
item[j].onmouseover = function() {
for(var k = 0; k < ullis.length; k++) {
ullis[k].style.display="none";
}
console.log(this.index)
ullis[this.index].style.display="block";
}
}
item.onmouseout = function() {
for(var k = 0; k < ullis.length; k++) {
ullis[k].style.display="none";
}
}
//$(".server .qulian").on("mouseover", function(){
//$(this).addClass('allborder');
//});
//$(".server .qulian").on("mouseout", function(){
//$(this).removeClass('allborder');
//});
// 
//$(".youshi .box").on("mouseover", function(){
//$(this).addClass('animated pulse');
//});
//$(".youshi .box").on("mouseout", function(){
//$(this).removeClass('animated pulse');
//});

//回到顶部

//动画 
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: false,
    live: true
});
wow.init();

}